
/**
配色方案（如有需要，请自行配置）*//**头部-配色*/
.layui-layout-admin .layui-header{background-color: #ff6a00;}
.layui-header > ul > .layui-nav-item.layui-this, .top-tool i:hover{background-color: #ff6a00 !important;}
.layui-header .top-header-content > ul > .layui-nav-item.layui-this, .top-tool i:hover{background-color: #ff6a00 ;}

/**logo-配色*/
.layui-layout-admin .top-logo{background-color: #243346 !important;}

/**左侧-配色*/
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .top-menu-left > ul{background-color: #2f4056;}
.top-menu-left .layui-nav .layui-nav-child a:hover:not(.layui-this){background-color: #3b3f4b;}

/**左侧菜单选中-配色*/
.layui-layout-admin .layui-nav-tree .layui-this, .layui-layout-admin .layui-nav-tree .layui-this > a, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #ffb800 !important;}
.layui-nav-tree dd.layui-this i, .layui-layout-admin .layui-nav-tree .layui-this i{color: #fff!important;}
/**头部样式*/
.layui-layout-admin .header{position: fixed;left: 0;right: 0;top: 0;bottom: 0;}
.top-header-menu, .layui-header{height: 60px !important;}
.top-header-menu > .layui-nav-item{color: #1b1d21;height: 60px !important;line-height: 60px !important;}
.layui-header > .layui-layout-right > .layui-nav-item{height: 60px !important;line-height: 60px !important;}
.layui-layout-left{left: 295px !important;}
.layui-nav.layui-layout-left.top-header-menu.mobile.layui-hide-xs{transition: all .2s;}

/**logo演示（通用）*/
.layui-layout-admin .top-logo{font-weight: bold;color: #ffffff !important;height: 60px !important;line-height: 60px !important;overflow: hidden;line-height: 64px;transition: all .2s !important;}
.layui-layout-admin .top-logo img{display: inline-block;height: 40px;vertical-align: middle;}
.layui-layout-admin .top-logo h1{display: inline-block;margin: 0 0 0 12px;color: #dadde2;font-weight: 600;font-size: 20px;font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;vertical-align: middle;background-image: -webkit-gradient(linear, 37.219838% 34.532506%, 36.425669% 93.178216%, from(#ffffff), to(#ffb800), color-stop(.37, #ffb800));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/**缩放工具（通用）*/
.top-tool{position: absolute !important;top: 0;left: 235px;width: 60px;height: 100%;line-height: 60px;text-align: center;color: #ffffff !important;transition: all .2s;}

/**缩放工具（缩放）*/
.top-tool i{display: block;color: #fff;width: 32px;height: 32px;line-height: 32px;border-radius: 3px;text-align: center;margin-top: 15px;cursor: pointer;}

/**tab选项卡*/
.top-tab{margin: 0px;overflow: hidden;height: 100% !important;}
.top-tab .layui-tab-content{height: calc(100% - 37px) !important;}
.top-tab .layui-tab-content .layui-tab-item{height: 100%;}
.top-tab .layui-tab-content{padding: 0px;}
.top-tab .layui-tab-title{border: none;background-color: white;}
.top-tab .layui-tab-title li{border-right: 1px solid whitesmoke;color: dimgray;}
.top-tab .layui-tab-title .layui-this{background: #f2f2f2;}
.top-tab .layui-tab-title .layui-tab-bar{display: none;}
.top-tab .layui-tab-title .layui-this:after{display: none;}
.top-tab .layui-tab-title .top-tab-active{display: inline-block;background-color: lightgray;width: 9px;height: 9px;border-radius: 30px;margin-right: 5px;}
.top-tab .layui-tab-title .layui-this .top-tab-active{background-color: #1aa094;}
.top-tab > .layui-tab-title, .top-tab > .close-box{height: 40px !important;}
.top-tab > .layui-tab-title li, .top-tab > .close-box li{height:40px;line-height: 40px !important;}
.top-tab .layui-tab-title span{color: #acafb1;}
.top-tab .layui-tab-title .layui-this span{color: dimgray;}
.top-tab .layui-tab-title .layui-tab-close{font-size: 12px !important;width: 14px !important;height: 14px !important;line-height: 16px !important;}
.top-tab .layui-tab-title .layui-tab-close:hover{border-radius: 4em;background: #ff5722;}
.top-tab .layui-tab-title .disable-close + .layui-tab-close{display: none;}
.top-tab .layui-tab-title .able-close + .layui-tab-close{display: inline-block;}
.top-tab .layui-tab-control > li{position: absolute;top: 0px;height: 40px;line-height: 40px;width: 40px;text-align: center;background-color: white;border-top: whitesmoke 1px solid;border-bottom: whitesmoke 1px solid;}
.top-tab .top-tab-roll-left{left: 0px;border-right: whitesmoke 1px solid;border-left: whitesmoke 1px solid;}
.top-tab .top-tab-roll-right{right: 40px;border-left: 1px solid whitesmoke;}
.top-tab .layui-tab-tool{right: 0px;border-left: 1px solid whitesmoke;}
.top-tab .layui-tab-control .layui-tab-tool,
.top-tab .layui-tab-control .top-tab-roll-left,
.top-tab .layui-tab-control .top-tab-roll-right{display: none;}
.top-tab.layui-tab-roll .layui-tab-control .top-tab-roll-left,
.top-tab.layui-tab-roll .layui-tab-control .top-tab-roll-right{display: block;}
.top-tab.layui-tab-roll .layui-tab-control .top-tab-roll-right{right: 0px;border-right: 1px solid whitesmoke;}
.top-tab.layui-tab-roll .layui-tab-title{padding-left: 35px;padding-right: 35px;}
.top-tab.layui-tab-tool .layui-tab-control .layui-tab-tool{display: block;}
.top-tab.layui-tab-tool .layui-tab-title{padding-left: 0px;padding-right: 35px;}
.top-tab.layui-tab-rollTool .layui-tab-title{padding-left: 35px;padding-right: 80px;}
.top-tab.layui-tab-rollTool .layui-tab-control .top-tab-roll-left,
.top-tab.layui-tab-rollTool .layui-tab-control .top-tab-roll-right,
.top-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool{display: block;}
.top-tab .layui-tab-tool .layui-nav{position: absolute;height: 43px !important;top: 0;width: 100%;height: 100%;padding: 0;background: 0 0;}
.top-tab .layui-tab-tool .layui-nav-item{height: 35px;}
.top-tab .layui-tab-tool .layui-nav-bar{display: none;}
.top-tab .layui-tab-tool .layui-nav-child{left: auto;top: 45px;right: 3px;width: 120px;border: 1px solid whitesmoke;}
.top-tab .layui-tab-tool .layui-this a{background-color: #009688;}
.top-tab-loading{position: absolute;display: none;width: 100%;height: calc(100% - 37px);top: 37px;z-index: 19;background-color: #fff}
.top-tab-loading.close{animation: close 1s;-webkit-animation: close 1s;animation-fill-mode: forwards;}

/**左侧菜单栏 (通用)*/
.layui-side.layui-bg-black{transition: all .2s;}
.layui-side.layui-bg-black > .top-menu-left > ul{transition: all .2s;}
.layui-side.layui-bg-black > .top-menu-left > ul > .layui-nav-item:first-child{border-top: 1px solid #4b5461;}
.top-menu-left .layui-nav .layui-nav-item a{height: 40px;line-height: 40px;padding-right: 30px;}
.top-menu-left .layui-nav .layui-nav-item > a{padding-top: 5px;padding-bottom: 5px;}
.top-menu-left .layui-nav .layui-nav-child .layui-nav-child{background: 0 0 !important}
.top-menu-left .layui-nav .layui-nav-more{right: 15px;}
.top-menu-left .layui-nav .layui-nav-item a:hover{background-color: transparent !important;}
.top-menu-left .layui-nav{background-color: transparent !important;}

/**左侧菜单栏 (正常)*/
.top-all .layui-nav-itemed .layui-nav-child a, .top-all .top-menu-left .layui-nav .layui-nav-child a{padding-left: 35px;}
.top-all .top-menu-left .layui-nav .layui-nav-child .layui-nav-child a{padding-left: 45px;}
.top-all .top-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 55px;}
.top-all .top-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 65px;}
.top-all .top-menu-left .layui-nav .layui-nav-itemed > .layui-nav-child{padding: 5px 0;}

/**内容主体（通用）*/
.layui-layout-admin .layui-body{overflow: hidden;bottom: 0px !important;top: 60px !important;transition: all .2s;}

/*layui-nav-more*/
.layui-nav-tree .layui-nav-more:before{content: "\e61a";position: absolute;right: -1px;top: -4px}
.layui-nav-tree .layui-nav-itemed>a>.layui-nav-more{-ms-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);margin-top: auto}
.layui-nav-tree .layui-nav-more{font-family: layui-icon !important;font-size: 12px;font-weight: 600;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow: hidden;line-height: normal;border: 0;margin: -3px 0 0 0;padding: 0;width: 10px;height: 6px;top: 50%;display: inline-block;-webkit-transition: all .3s ease;transition: all .3s ease}
.layui-layout-admin .layui-tabs-select.layui-nav .layui-nav-more,
.layui-layout-admin .layui-tabs-select.layui-nav .layui-nav-bar{display: none}

/**选择配色方案*/
.top-color .color-title{padding: 10px 0 10px 20px;border-bottom: 1px solid #d9dada;margin-bottom: 8px;}
.top-color .color-content{padding: 0 5px 0 5px;}
.top-color .color-content ul{list-style: none;text-align: center;}
.top-color .color-content ul li{position: relative;display: inline-block;vertical-align: top;width: 80px;height: 50px;margin: 0 15px 15px 0;padding: 2px 2px 4px 2px;background-color: #f2f2f2;cursor: pointer;font-size: 12px;color: #666;}
.top-color .color-content li.layui-this:after, .top-color .color-content li:hover:after{width: 100%;height: 100%;padding: 4px;top: -5px;left: -5px;border-color: #d8d8d8;opacity: 1;}
.top-color .color-content li:after{content: '';position: absolute;z-index: 20;top: 50%;left: 50%;width: 1px;height: 0;border: 1px solid #f2f2f2;transition: all .3s;-webkit-transition: all .3s;opacity: 0;}

/**其它*/
.layui-tab-item{width: 100% !important;height: 100% !important;}
.layui-nav-item.layui-this{background-color: #1b1d21;}
.layui-width-height{width: 100%;height: 95%;}
.layui-tab{margin: 0 0 0 0;z-index: 99999;}
.text-center{height: 30px !important;line-height: 30px !important;text-align: center !important;}
.layui-nav{padding: 0 !important;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{width: 0 !important;height: 0 !important;}
.layui-layout-admin .layui-side{top: 60px !important;}
.layui-tab-card{box-shadow: 0px 0px 0px #888888;border-bottom: 0;}

/**{*//* touch-action: pan-y;*//*}*//*打开页面动画*/
.layui-tab-item.layui-show{animation: moveTop 1s;-webkit-animation: moveTop 1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;position: relative;height: 100%;-webkit-overflow-scrolling: touch;overflow: auto;}
@keyframes moveTop{0%{opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
    100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes moveTop{0%{opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
    100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes moveTop{0%{opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
    100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes moveTop{0%{opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
    100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
/**自定义滚动条样式*/
::-webkit-scrollbar{display: none}

/*移动端遮罩层*/
.top-make{position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 1000;background: rgba(0, 0, 0, .5);display: none;}
.top-mini .layui-header{z-index: 1001;}

/** PC版样式*/
@media screen and (min-width: 768px){/**头部样式（缩放）*/.top-mini .layui-layout-left.top-header-menu.layui-hide-xs{left: 155px !important;}
    /**logo演示（缩放）*/
    .top-mini .layui-layout-admin .top-logo{width: 60px !important;}
    .top-mini .layui-layout-admin .top-logo h1{display: none;}

    /**左侧菜单栏（缩放）*/
    .top-mini .top-menu-left{width: 80px !important;}
    .top-mini .layui-side.layui-bg-black, .top-mini .top-menu-left > ul, .top-mini .top-menu-left > ul li i{width: 60px !important;}
    .top-mini .top-menu-left > ul li span:first-child{display: none;}
    .top-mini .top-menu-left > ul li span:last-child{float: right;right: 7px;}
    .top-mini .top-menu-left .layui-nav .layui-nav-item a{height: 40px;line-height: 40px;padding-right: 0px !important;}

    /**内容主体（缩放）*/
    .top-mini .layui-layout-admin .layui-body{left: 60px !important;}
    .top-mini .top-tool{left: 95px !important;}
    .top-mini .layui-layout-admin .layui-side{width: 200px;}}

/** 手机自适应样式*/
@media screen and (max-width: 768px){.top-header-content{left: 0;}
    .layui-layout-admin .layui-body .layui-tab-item.layui-show{border-top: 1px solid #e2e2e2;}
    .top-mini .top-header-menu >li{float: right;right: 10px;}
    .top-mini .top-header-content .layui-layout-right{display: none}
    .top-all .layui-layout-left.top-header-menu{left: 15px !important}
    .layui-layout-admin .layui-nav.layui-layout-right{margin-right: 15px !important;}
    .layui-layout-admin .layui-nav.layui-layout-right > li:not(.top-setting){width: 40px !important;}
    .layui-layout-admin .layui-nav.layui-layout-right > li:not(.top-setting) a{padding: 0 15px;}
    .top-all .layui-layout-admin .layui-body{left: 0px !important;}
    .top-mini .layui-layout-admin .top-menu-left, .top-mini .layui-header .top-logo{left: 0;transition: left .2s;z-index: 1001 !important;}
    .top-all .layui-layout-admin .top-menu-left, .top-all .layui-header .top-logo{left: -200px;transition: left .2s;top: 0;z-index: 1002;}
    .top-mini .layui-layout-admin .layui-body{left: 0;transition: left .2s;top: 0;z-index: 998;}
    .top-mini .top-make{display: block;}
    .top-header-content .top-tool{display: none;}
    .top-mini .top-site-mobile{display: none !important;}
    .top-site-mobile{display: block !important;position: fixed;z-index: 100000;bottom: 15px;left: 15px;width: 40px;height: 40px;line-height: 40px;border-radius: 2px;text-align: center;background-color: rgba(0, 0, 0, .7);color: #fff;}
    .top-header-content{z-index: 997;}}
